<div class="C00-content" ng-class="[isClose?'is-close':'', condition_item.data_type]">
    <div class="trigger-btn-fields">
        <div class="close-btn" ng-click="isClose = !isClose">
            <i class="material-icons close">remove</i>
            <i class="material-icons open">add</i>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-text-fields conditoin-fields">
        <label class="label" ng-bind="'C00.query_conditon' | translate"></label>
        <input class="column_name" type="text" ng-model="condition_item.name" readonly="readonly" ng-click="loadCodeList(condition_item,$index);" placeholder="{{'C00.field'|translate}}"></input>
        <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
        <input class="query_mode" type="text" ng-if="condition_item.data_type!='C' && condition_item.data_type!='SE'" ng-model="condition_item.query_name" readonly="readonly" ng-click="loadTypeList(condition_item,$index);" placeholder="{{'C00.condition'|translate}}"></input>
        <div class="tip" ng-if="condition_item.data_type!='C' && condition_item.data_type!='SE'"><i class="material-icons">&#xE5CF;</i></div>
        <!--日期(Date)-->
        <input class="column_value" type="text" mdl-datepicker="condition_item.value" ng-if="condition_item.data_type=='D'" placeholder="{{'C00.date'|translate}}"></input>
        <!--數字(Number)-->
        <input class="column_value" type="text" mdl-calculater="condition_item.value" ng-if="condition_item.data_type=='N'" placeholder="{{'C00.number'|translate}}"></input>
        <!--下拉選單(Select)-->
        <input class="column_value" type="text" ng-model="condition_item.name_value" readonly ng-click="loadSelect(condition_item)" ng-if="condition_item.data_type=='S'" placeholder="{{'common.msg.plz_select'|translate}}"></input>
        <div class="tip" ng-if="condition_item.data_type=='S'"><i class="material-icons">&#xE5CF;</i></div>
        <!--勾選(CheckBox)-->
        <div class="column_value" class="check-box-content" ng-if="condition_item.data_type=='C'">
            <button class="mdl-button mdl-js-button kmi-checkbox"
                ng-repeat="check_value in condition_item.check_values" ng-click="checkValue(condition_item, check_value)">
                <img ng-src="{{check_value.checked?'image/icons/check1.png':'image/icons/check0.png'}}"></img>
                {{check_value.name}}
            </button>
        </div>
        <!--日期區間(Date Start / End)-->
        <input mdl-datepicker="condition_item.value_s" ng-if="condition_item.data_type=='SE'" style="margin-right: 16px;" mdl-date-max="condition_item.value_e" placeholder="{{'C00.date'|translate}}"></input>
        <div class="tip" ng-if="condition_item.data_type=='SE'" style="right: 10px; color: #000000;" ng-bind="'~'"></div>
        <input mdl-datepicker="condition_item.value_e" ng-if="condition_item.data_type=='SE'" style="margin-left: 8px;" mdl-date-min="condition_item.value_s" placeholder="{{'C00.date'|translate}}"></input>
        <!--文字輸入-->
        <!--modify by Dustdusk for M#93707: 增加按enter 以後自動增加查詢條件-->
        <input class="column_value" type="text" ng-model="condition_item.value" ng-if="!condition_item.data_type" placeholder="{{'C00.value'|translate}}" ng-keypress="$event.keyCode==13?addCondition():''; "></input>
        <!--開窗查詢-->
        <div class="tip search" ng-if="condition_item.column_query"><i class="material-icons" ng-click="condition_item.column_query(condition_item);">search</i></div>
        <button class="mdl-button mdl-js-button mdl-button--icon mdl-button--icon_prime" ng-click="addCondition();">
            <img src="image/icons/add.png"></img>
        </button>
    </div>
    <div class="kmi-text-fields conditoin-fields" ng-if="condition_item.data_type == 'SE'">
        <label class="label" ng-bind="'common.report.default_date.title' | translate"></label>
        <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="changeDate(condition_item, 3);" style="width:150px;">
            <img ng-show="condition_item.date_type!=3" src="image/icons/check0.png"></img>
            <img ng-show="condition_item.date_type==3" src="image/icons/check1.png"></img>
            {{'common.report.default_date.day' | translate}}
        </button>
        <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="changeDate(condition_item, 7);" style="width:150px;">
            <img ng-show="condition_item.date_type!=7" src="image/icons/check0.png"></img>
            <img ng-show="condition_item.date_type==7" src="image/icons/check1.png"></img>
            {{'common.report.default_date.week' | translate}}
        </button>
        <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="changeDate(condition_item, 30);" style="width:150px;">
            <img ng-show="condition_item.date_type!=30" src="image/icons/check0.png"></img>
            <img ng-show="condition_item.date_type==30" src="image/icons/check1.png"></img>
            {{'common.report.default_date.month' | translate}}
        </button>
        <div style="width: 32px;"></div>
    </div>
    <div class="kmi-text-fields" style="height: 60px;align-items: flex-start;">
        <label class="label" ng-bind="'C00.select_conditon' | translate" style="line-height:34px;"></label>
        <div class="condition-content perfect-scrollbar" suppress-scroll-x="false">
            <div class="condition" ng-repeat="condition in conditionList track by $index">
                <button class="mdl-button mdl-button--icon" ng-click="removeCondition($event, $index);" style="z-index:1;">
                    <img src="image/icons/clear.png"></img>
                </button>
                <label ng-bind="condition.desc"></label>
                <div class="kmi-can-click" ng-click="selectCondition($index, condition);"></div>
            </div>
        </div>
    </div>
    <div class="btn-fields">
        <div class="kmi-button kmi-button-confrim"  ng-click="beforeSearch();" style="width:100px">
            <label ng-bind="'common.btn.search' | translate"></label>
            <div class="kmi-can-click"></div>
        </div>
        <!-- 20190809 modify by WeiTing for M#60871: 拿掉 ng-disabled，調整成匯出不必先查詢，就能直接按匯出。 -->
        <div class="kmi-button kmi-button-confrim"style="width:100px" ng-show="can_export">
            <label ng-bind="'common.btn.export' | translate"></label>
            <div class="kmi-can-click"  ng-click="export();" ></div>
        </div>
    </div>
</div>
